<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>PSS-Portal</title>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/zp_pss_g6.css" rel="stylesheet">
</head>
<body>
<div class="spinner-box block">
    <div class="bulat">
        <div class="dalbulat">
            <span>L</span>
            <span>O</span>
            <span>A</span>
            <span>D</span>
            <span>I</span>
            <span>N</span>
            <span>G</span>
        </div>
        <div class="luarbulat"></div>
    </div>
</div>
<div class="main" style="overflow: hidden;">
    <div class="title table-height block">
        <a href="/m" alt="back" class="leftBlock link" style="text-decoration: none">
            <span class="name"><i class="glyphicon glyphicon-menu-left"></i> G6</span>
        </a>
        <div class="shift1 shift block">Shift1</div>
        <div class="shift2 shift block">Shift2</div>
        <div class="shift3 shift block">Shift3</div>
    </div>
    <div class="data flex-column">
        <div class="start table-height block">
            <div class="leftBlock">Start</div>
            <div class="shift1 shift block dataFont" id="startShift1">06:30</div>
            <div class="shift2 shift block dataFont" id="startShift2">14:30</div>
            <div class="shift3 shift block dataFont" id="startShift3">-</div>
        </div>
        <div class="end table-height table-border block">
            <div class="leftBlock">End</div>
            <div class="shift1 shift block dataFont" id="endShift1">14:30</div>
            <div class="shift2 shift block dataFont" id="endShift2">22:30</div>
            <div class="shift3 shift block dataFont" id="endShift3">-</div>
        </div>
        <div class="target table-height table-border block">
            <div class="leftBlock">Target</div>
            <div class="shift1 shift block dataFont"><span id="targetShift1In">-</span> / <span
                    id="targetShift1Out">-</span></div>
            <div class="shift2 shift block dataFont"><span id="targetShift2In">-</span> / <span
                    id="targetShift2Out">-</span></div>
            <div class="shift3 shift block dataFont"><span id="targetShift3In">-</span> / <span
                    id="targetShift3Out">-</span></div>
        </div>
        <div class="current table-height table-border block">
            <div class="leftBlock">Current</div>
            <div class="shift1 shift block dataFont"><span id="currentShift1In">-</span> / <span
                    id="currentShift1Out">-</span></div>
            <div class="shift2 shift block dataFont"><span id="currentShift2In">-</span> / <span
                    id="currentShift2Out">-</span></div>
            <div class="shift3 shift block dataFont"><span id="currentShift3In">-</span> / <span
                    id="currentShift3Out">-</span></div>
        </div>
        <div class="forecast table-height table-border block">
            <div class="leftBlock">Forecast</div>
            <div class="shift1 shift block dataFont"><span id="forecastShift1In">-</span> / <span
                    id="forecastShift1Out">-</span></div>
            <div class="shift2 shift block dataFont"><span id="forecastShift2In">-</span> / <span
                    id="forecastShift2Out">-</span></div>
            <div class="shift3 shift block dataFont"><span id="forecastShift3In">-</span> / <span
                    id="forecastShift3Out">-</span></div>
        </div>
        <div class="planned table-height table-border block">
            <div class="leftBlock">Planned</div>
            <div class="shift1 shift block dataFont"><span id="plannedShift1In">-</span> / <span
                    id="plannedShift1Out">-</span></div>
            <div class="shift2 shift block dataFont"><span id="plannedShift2In">-</span> / <span
                    id="plannedShift2Out">-</span></div>
            <div class="shift3 shift block dataFont"><span id="plannedShift3In">-</span> / <span
                    id="plannedShift3Out">-</span></div>
        </div>
        <div class="accumulate table-height table-border block">
            <div class="leftBlock">Accumulate</div>
            <div class="shift1 shift block dataFont"><span id="accumulateShift1In">-</span> / <span
                    id="accumulateShift1Out">-</span></div>
            <div class="shift2 shift block dataFont"><span id="accumulateShift2In">-</span> / <span
                    id="accumulateShift2Out">-</span></div>
            <div class="shift3 shift block dataFont"><span id="accumulateShift3In">-</span> / <span
                    id="accumulateShift3Out">-</span></div>
        </div>
    </div>
</div>
<script src="/static/js/libs/jquery-3.1.1.min.js"></script>
<script src="/static/js/libs/bootstrap.min.js"></script>
<script src="/static/js/m/zp_pss_g6.js?a=10"></script>
</body>
</html>
